<template>
	<view class="uni-flex uni-column" 
		style="height:100%;display:flex;justify-content:center;align-items:center;text-align:center;">
		<view>
			<image src="../../static/image/check-circle-filled.png" style="height:160rpx;width:160rpx;"></image>
		</view>
		<view style="padding:32rpx; 0">
			<view style="font-size:15pt;color:#181818;">下单成功</view>
			<view style="font-size:12pt;color:#7B7B7B;padding-top:8rpx;">
				<view>您的订单已成功添加至“订单列表”</view>
				<view>可随时翻查订单状况</view>
			</view>
		</view>
		<view class="uni-flex uni-column" style="width:66%;">
			<view>
				<button type="primary" style="font-size:12pt;background-color:#FF4D4F;"
					@click="toShop">继续下单</button>
			</view>
			<view style="padding:32rpx 0;">
				<button type="default" style="font-size:12pt;color:#FF4D4F;background-color:#f2f2f2;"
					@click="toOrder">返回首页</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toShop() {
				uni.reLaunch({
					url: '/pages/publish/publish'
				});
			}
			,toOrder() {
				uni.reLaunch({
					url: '/pages/order/order?tabIndex=2'
				});
			}
		}
	}
</script>

<style>
page {
	height:80%;
	width:750rpx;
	display:flex;
	justify-content:center;
	align-items:center;
}
</style>
